import React from 'react';
import { Link,NavLink } from 'react-router-dom';
import classes from './Menu.module.css';

const Menu = () => {
  /**
   * 使用Link 创建超链接
   * NavLink ==> 适应样式
  */
  return (
    <>
      <ul>
        <li> <NavLink to="/" exact activeClassName={classes.active}>主页</NavLink> </li>
        <li> <NavLink to="/about" exact activeClassName={classes.active}>关于</NavLink> </li>
        <li> <NavLink to="/form" exact activeClassName={classes.active}>提示</NavLink> </li>
        <li> <NavLink to="/" exact activeClassName={classes.active}>重定向</NavLink> </li>
      </ul> 
    </>
  );
};

export default Menu;